<app-header title="系统通知"></app-header>

<ion-content>
  
  <div class="noticelist">
    <ul>
      <li class="w96" *ngFor="let item of noticeList;let i = index" (click)="ondetail(item,i)" routerLinkActive="router-link-active" >
        <h3 class="df_a"><span *ngIf="item.readStatus == 0"></span><ion-icon name="notifications" color="onbottom"></ion-icon> <i>{{item.title}}</i></h3>
        <p>{{item.article}}</p>
        <span>{{item.createTime.slice(0,-3)}}</span>
      </li>
    </ul>
  </div>


  <ion-infinite-scroll threshold="10px" (ionInfinite)="loadData($event)" style="margin-top:2rem;">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="Loading...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>

  <p class="overdata" *ngIf="flag">没有数据了！</p>

</ion-content>
